<ng-template
  cdkConnectedOverlay
  [cdkConnectedOverlayOrigin]="overlayOrigin"
  cdkConnectedOverlayHasBackdrop="false"
  (detach)="hide()"
  (positionChange)="onPositionChange($event)"
  [cdkConnectedOverlayPositions]="positions"
  [cdkConnectedOverlayOpen]="visible | async"
>
  <div
    class="fui-tooltip"
    [ngClass]="classMap"
    [@popAnimation]="visible | async"
  >
    <div class="fui-tooltip-content">
      <div class="fui-tooltip-arrow"></div>
      <div class="fui-tooltip-inner">{{tooltip}}</div>
    </div>
  </div>
</ng-template>
